<!DOCTYPE html>
<html lang="en"xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>用户信息展示页面</title>
    <script type="text/javascript" th:src="@{/webjars/jquery/3.3.1/jquery.js}"></script>
</head>
<body>

    <div>

        <button id="updateUserMsg">修改信息，弹出模态框</button>
    </div>

    <!--修改信息的模态框  回显用户信息 数据已经通过ajax拿到-->
    <div></div>


    <!--用户点击意见反馈-->
    <div>
        <button id="provideAdvice">意见反馈</button>
    </div>
    <!--意见反馈的模态框  -->
    <div>

        <form>
            <textarea rows="3" cols="20" name="advice" id="useradvice">
                    意见内容
            </textarea>
            <input type="button" id="saveUserAdvice" value="提交意见" />
        </form>

    </div>

</body>

    <!--用户修改信息，回显用户信息-->
    <script type="text/javascript">
        $(function(){
           $("#updateUserMsg").click(function(){
               //发送ajax,回显用户信息
               $.ajax({
                   url:"echoUsrMsg",
                   method:"POST",
                   dataType:"json",
                   success:function(dt){
                        console.log(dt.result);
                        if(dt.errorCode==200){
                            console.log("数据已经拿到");
                        }
                   }
               });
           });
        });
    </script>

    <!--保存用户发反馈意见-->
    <script type="text/javascript">
        $(function(){
           $("#saveUserAdvice").click(function(){
              //获取用户意见内容
              var useradviceVal = $("#useradvice").val();
              console.log(useradviceVal)
              //发送ajax保存用户信息
               $.ajax({
                  url:"saveUserAdviceContent/"+useradviceVal,
                  method:"POST",
                  dataType:"json",
                   success:function(dt){
                        console.log(dt);
                        if(dt.errorCode==500){           //意见提交失败
                                //弹出弹窗，提醒用户失败了
                        }
                            //弹出弹窗，提醒用户提交成功

                   }
               });
           });
        });
    </script>
</html>